import React, {Component} from 'react';
import {
    StyleSheet,
    Text,
    View, Image
} from 'react-native';


export default class App extends Component<{}> {

    foo(){
        alert('加载完毕！');
    }

    render() {
        return (
            <View>
                {/*用来引入图片的组件*/}
                {/*如果要引入项目文件夹中的资源图片，需要用require*/}
                <Image
                    source={require('./images/dog.jpg')}
                    style={{width:400,height:100}}
                    // 定义图片缩放
                    resizeMode={Image.resizeMode.center}
                    onLoad={this.foo}
                ></Image>

                {/*引入网络图片*/}
                {/*ios中只支持https协议的图片*/}
                {/*引入的网络图片必须指定宽高*/}
                <Image
                    source={{uri:'http://bbs.houdunwang.com/data/attachment/block/75/75ef65965733aea55456cbf1c7a9280e.jpg'}}
                    style={{width:300,height:100}}
                    onLoad={()=>{alert('报告长官，图片加载完毕！')}}
                ></Image>

                {/*引入base64编码的图片*/}
                <Image
                    source={{uri:''}}
                    style={{width:300,height:200}}
                ></Image>
            </View>
        )
    }
}




